<template>
  <div class="wrap">
    <el-container>
      <el-header><headeContent/></el-header>
      <el-container>
        <el-aside width="220px" style="text-align:left;border: none;"><asideContent/></el-aside>
        <el-main><router-view /></el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import asideContent from '@/views/aside'
import headeContent from '@/views/header'
export default {
  name: 'index',
  components: {
    asideContent,
    headeContent
  }
}
</script>
<style lang="less">
.wrap{
  width: 100%;
  height: 100%;
}
.el-header /deep/{
  background-color: #00a596;
  color: #333;
  line-height: 60px;
  text-align: right;
  font-size: 12px;
}
.el-aside /deep/{
  width: 220px;
  height: 100%;
  color: #333;
  text-align: center;
}

.el-main /deep/{
  color: #333;
  text-align: left;
  // background-color: #eee;
}
</style>
